import React, {Component} from 'react';
import {BrowserRouter} from 'react-router-dom';
//布局组件
import HeaderBar from '@/components/Header/index'
import CustomMenu from "@/components/Menu/index";//导航
import {Layout } from 'antd';
const {
	Sider, Content,Header	
} = Layout;
export default  class Mainpage extends Component {
	
    render(){
        return(
            <div>
				<BrowserRouter>
					 <Layout>
						<Header style={{height:64}} >
							<HeaderBar ></HeaderBar>
						</Header>
						<Layout>
						<Sider className="App-customMenu" >
							<CustomMenu/>
						</Sider>
						<Content className="App-contentMain">
								{/* <ContentMain/> */}
								{this.props.children}
							</Content>
						</Layout>
						
					</Layout>
					
				</BrowserRouter>
            </div>
        )
    
    }
}
